<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏内页</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
</head>

<body>
    <div class="web">
        <header>
            <span><img src="../img/logo.png" class="animate__animated animate__heartBeat"></span>
            <nav>
                <ul>
                    <li>
                        <a href="./index.html">首页
                        <p>home</p>
                    </a>
                    </li>
                    <li>
                        <a href="./list.html">游戏
                        <p>game</p>
                    </a>
                    </li>
                    <li>
                        <a href="./case.html">案例
                        <p>Case</p>
                    </a>
                    </li>
                    <li>
                        <a href="./person.html">关于我们
                        <p>About us</p>
                    </a>
                    </li>
                    <span><img src="../img/pagewechat.png"></span>
                </ul>

            </nav>
        </header>
        <main>
            <div class="bigBox">
                <span class=" wow animate__flipInY"><img src="../img/inside_03.png"></span>
                <div class="white wow animate__rotateInDownLeft">
                    <div class="box">
                        <div class="samll"></div>

                        <h1>宝石迷阵</h1>
                        <p>《宝石迷阵》与暴司时候发行的游的的戏《星际争霸》一样，是一款成功的即时战略游戏。 游戏时战略游戏所要素：建设基地和指挥指挥战斗。游戏的操作方式也，秉承了星霸优点， 并对星际争霸中一些繁琐的操作进行了简化。
                        </p>


                        <ul>
                            <li>
                                <a href="">收藏</a>
                            </li>
                            <li>
                                <a href="">制作游戏</a>
                            </li>
                            <li>
                                <a href="">购买</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="blue wow animate__rotateInDownRight">
                    <div class="time">
                        <a href="">
                            <div class="yuan"> <i class="iconfont .icon-shijian">&#xe64f;</i></div>
                            <p>时间</p>
                            <p>2014-07-09</p>
                        </a>
                    </div>
                    <div class="time">
                        <a href="">
                            <div class="yuan"><i class="iconfont .icon-jiage
                        ">&#xe63f;</i></div>
                            <p>价格</p>
                            <p>2333</p>
                        </a>
                    </div>
                    <div class="time">
                        <a href="">
                            <div class="yuan"> <i class="iconfont .icon-wujiaoxing1
                        ">&#xe64b;</i></div>
                            <p>使用次数</p>
                            <p>20</p>
                        </a>
                    </div>
                    <div class="time">
                        <a href="">
                            <div class="yuan">
                                <i class="iconfont .icon-wenjian">&#xe631;</i>
                            </div>
                            <p>大小</p>
                            <p>1034KB</p>
                        </a>
                    </div>

                </div>
                <div class="use">
                    <div class="small"></div>
                    <h1>使用方法</h1>
                    <h6>USE METHODS</h6>
                    <div class="way">
                        <div class="choice wow animate__bounceInLeft">
                            <a href=""><img src="../img/pagechoice1_07.jpg"></a>
                            <h3>STEP ONE</h3>
                            <p>选择一个游戏，换图</p>
                        </div>
                        <div class="choice wow animate__bounceInDown">
                            <a href=""><img src="../img/pagechoice2_07.jpg"></a>
                            <h3>STEP ONE</h3>
                            <p>选择一个游戏，换图</p>
                        </div>
                        <div class="choice wow animate__bounceInRight">
                            <a href=""><img src="../img/pagechoice3_07.jpg"></a>
                            <h3>STEP ONE</h3>
                            <p>选择一个游戏，换图</p>
                        </div>

                    </div>
                </div>

        </main>
        <footer>
            <div class="foot">
                <div class="left">
                    <img src="../img/footleft1.png">
                </div>
                <div class="zhong">
                    <p>COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</p>
                </div>
                <div class="right "> <img src="../img/footright1.png"></div>
            </div>
        </footer>
        </div>

</body>

</html>